<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/client/backgroundManagement/commons/global.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>
<head>
<%@ include file="/client/backgroundManagement/commons/basejs.jsp" %>
<meta http-equiv="X-UA-Compatible" content="edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>专题配置</title>

<script type="text/javascript" src="${staticPath}/static/admin/themeConfig.js"></script>
<style>
	div#fieldPanel > div:hover{
		background-color:rgba(173,255,47,0.5);cursor:pointer;
	}
	div#valuePanel > div:hover{
		background-color:rgba(173,255,47,0.5);cursor:pointer;
	}
	div#arithmetic ul{
		margin:0;
		padding:0;
	}
	div#arithmetic li{
		display:inline-block;
		text-align:center;
	}
	div#arithmetic li a{
	    text-decoration:none;
	    display:inline-block;
	    width:30px;
	    padding:8px 0;
	    font-size:14px;
	    cursor:pointer;
	}
	div#arithmetic li a:hover{
		background-color:rgba(173,255,47,0.5);
	}
</style>
<script type="text/javascript">
	$(function(){
		themeConfig.init();
	});
</script>
</head>
<body class="easyui-layout">
    <div data-options="region:'center',border:false" style="overflow:auto;">
    	<div id="dataTheme" style="padding:10px;">  
		  	<!-- 数据专题树 -->
		  	<ul id="layout_center_dataThemeTree"></ul>
		</div>  
        <div id="serviceResource" style="padding:10px;">  
        	<!-- 服务专题树 -->
		    <ul id="layout_center_serviceResourceTree"></ul>
		</div>
		<div id="conditionConfig" style="padding:0px;display:flex;flex-direction:column;overflow-x: hidden;">
			<div style="display:flex;flex-direction:row;width:100%;height: 220px;">
				<div  style="box-sizing:border-box;flex:1;background-color:white">
					<div id="fieldPanel" style="    max-height: 220px;">
					    <!-- 动态添加字段 -->
						<!-- <div style="display:list-item;padding:5px;">fqmc</div> -->
					</div>
				</div> 
				<div style="box-sizing:border-box;flex:1;background-color:white;">
					<div id="valuePanel" style="    max-height: 220px;">
					    <!-- 动态添加字段值 -->
						<!-- <div style="display:list-item;padding:5px;">value1</div> -->
					</div>
				</div>
			</div>
			<div style="box-sizing:border-box;background-color:white;flex:1;">
				<div id="expressPanel" style="display:flex;flex-direction:column;">
					<div id="arithmetic" style="height:auto;background-color: rgba(0,191,255,0.1);">
					   <ul>
					   		<li><a>=</a></li>
					   		<li><a>!=</a></li>
					   		<li><a>&lt;</a></li>
					   		<li><a>&gt;</a></li>
					   		<li><a>AND</a></li>
					   		<li><a>OR</a></li>
					   		<li><a>&#60;&#61;</a></li>
					   		<li><a>&#62;&#61;</a></li>
					   </ul>
					</div>
					<div id="expressContent" style="flex:1;height: 120px;">
					</div>
					
				</div>
				
				<!-- ANANANNAANNANA -->
				<div style="display:flex;flex-direction:row;width:100%;">
				<div id="editTablePanel" class="panel-header" style="width:150px;display:flex;flex-direction:column;border-right-style: hidden;border-left-style: hidden;">			
					<div class="panel-title" style="height: 22px;">
					<input type="checkbox" style="width:15px;height:15px;    margin-top: 5px;" id="TiledLayer" value="false" />
					<span class="l-btn-text">图层是否切片</span>
				    </div>
				</div>
				<div id="showLevelPanel" class="panel-header" style="width:150px;display:flex;flex-direction:column;border-right-style: hidden;">	
					<div class="panel-title" style="    height: 22px;">
					<span class="l-btn-text" >所对应项目</span><select style="margin-top: 3px;width:60px;" id="ProjectMapping">
						<option value="NULL" selected="selected">暂未开放</option>
						<!-- <option value="WYTZ">外业拓展</option>
						<option value="CYXZ">产业小镇</option>
						<option value="DQXM">短期项目</option>
						<option value="ZCQXM">中长期项目</option>
						<option value="ZSJWSXM">在未售项目</option> -->
				</select>	
				</div>
				</div>
				</div>
				<!-- ANANANNAANNANA -->
				<div style="display:flex;flex-direction:row;width:100%;">
				<div id="editTablePanel" class="panel-header" style="width:150px;display:flex;flex-direction:column;border-right-style: hidden;border-left-style: hidden;">		
					<div class="panel-title" style="height: 22px;">
					<input type="checkbox" style="width:15px;height:15px;    margin-top: 5px;" id="layercanedit" value="false" />
					<span class="l-btn-text">图层可否编辑</span>
				    </div>
				</div>
				<div id="showLevelPanel" class="panel-header" style="width:150px;display:flex;flex-direction:column;border-right-style: hidden;">	
					<div class="panel-title" style="    height: 22px;">
					<span class="l-btn-text" >查询比例尺</span><select style="margin-top: 3px;width:60px;" id="showlevelset">
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12" selected="selected">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
				</select>	
				</div>
				</div>
				</div>
				<div class="easyui-panel" style="padding:5px;border:none;">
						<a href="#" class="easyui-linkbutton" id="saveExpress" data-options="plain:true,iconCls:'icon-save'">保存</a>
						<a href="#" class="easyui-linkbutton" id="clearExpress" data-options="plain:true,iconCls:'icon-remove'">清除</a>
				</div>
			</div>
		</div>
		<div id="dataThemeTreeAddPopWin" style="display:none;">
			<div class="easyui-layout" data-options="fit:true">
				<div data-options="region:'center'" style="padding:10px;">
					 <form id="addDataTheme" method="post">
				    	<table>
				    		<tr>
				    			<td>专题名称:</td>
				    			<td><input id="themeName" class="easyui-validatebox" type="text" name="name" data-options="required:true,missingMessage:'必填'"></input>
				    			    <input type="hidden" name="parentNodeId">
				    			</td>
				    			<td><a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" id="okBtn">确定</a></td>
				    		</tr>
				    	</table>
				    </form>
	   			</div>
			</div>
		</div>
    </div>
</body>
</html>